<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="layout/commonlayout(title='课程班级页')"><!-- layout文件路径，，插入公共模板的部分-->
<!--h:insert：将被引用的模板片段插⼊到自己的标签体中
th:replace：将被引用的模板片段替换掉自己
th:include：类似于 th:insert，⽽不是插⼊⽚段，它只插⼊此⽚段的内容。页面布局采用公共布局 -->


<link rel="stylesheet" href="/plugins/chosen/chosen.min.css">
<th:block th:fragment="css">    <!--  CSS 的部分  虽然没有内容但是也要保持不能删除这个部分 -->
    <!--如果没有内容，请保持 -->

</th:block>
<!--  可通过th:fragment定义模板片段和id定义模板片段 -->
<!--    <div th:replace="footer :: content"></div>   不要自己的主标签，保留th:fragment的主标签。 -->
<!--  真正展现在页面的部分 -->
<div th:fragment="content">
    <!--Page content-->
    <!--===================================================-->
    <div id="page-content">
        <div class="row">
            <div class="col-sm-12">
                <div class="panel">
                    <div class="panel-body ">
                        <div class="row" style="padding-bottom: 20px;" >
                            <div class="col-md-3">
                                <!--  标题的名字 -->
                                <h3 class="panel-title  " style="padding-left:0;">课程班级列表
                                </h3>
                            </div>
                               <!-- 按钮 -->
                            <div class="col-md-9">
                                <button class="btn btn-danger btn-labeled pull-right" style="margin-left: 20px;"  onclick="batchRemove()">
                                    <i class="btn-label ion-ios-trash-outline"></i>批量删除</button>

                                <button class="btn btn-success btn-labeled pull-right"  style="margin-left: 20px;" onclick="showAddModel();">
                                    <i class="btn-label ion-plus-round"></i> 新增</button>

                            </div>
                        </div>

                        <div style="clear:both;">
                        </div>

                        <form class="form-inline" id="srForm" style="margin-bottom: 20px;">

                            <div class="form-group">
                                <label for="srclassName" class="control-label">班级名称</label>
                                <input id="srclassName" name="srclassName" type="text" class="form-control"
                                       placeholder="" data-opera="like">  <!-- data-opera为数据操作 -->
                            </div>

                            <div class="form-group">
                                <label for="srcourseName" class="control-label">课程名称</label>
                                <input id="srcourseName" name="srcourseName" type="text" class="form-control"
                                       placeholder="" data-opera="like">  <!-- data-opera为数据操作  是=的操作 -->
                            </div>

                            <div class="form-group">
                                <label for="srcourseType" class="control-label">课程类型</label>
                                <select id="srcourseType" name="srcourseType"  class="form-control chosen-select"  >
                                    <option >
                                    </option>
                                    <option value="1">
                                        本科生
                                    </option>
                                    <option value="2">
                                        研究生
                                    </option>
                                    <option value="3">
                                        其他
                                    </option>
                                </select>

                            </div>

                            <div class="form-group">
                                <label for="srtermId" class="control-label">学期</label>
                                <select id="srtermId" name="srtermId" class="form-control chosen-select" data-placeholder="请选择学期学年"  >
                                    <option >

                                    </option>
                                    <option value="1">
                                        第一项
                                    </option>
                                    <option value="2">
                                        第二项
                                    </option>

                                </select>

                                <input id="srtermName" name="srtermName" type="text" class="form-control"
                                       placeholder="" data-opera="like">  <!-- data-opera为数据操作  是=的操作 -->
                            </div>

                            <a class="btn btn-primary" onclick="searchTable();"><i class="fa fa-search" aria-hidden="true" ></i>查询</a>
                        </form>

                        <div class="panel panel-bordered-primary">
                            <div class="panel-body">
                                <table id="classTable" data-mobile-responsive="true"  class="table table-striped table-bordered  hover" cellspacing="0" width="100%">
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--===================================================-->
    <!--End page content-->
</div>
<!--  脚本区 -->
<div th:fragment="scripts">
    <!--如果没有内容，请保持 -->
    <!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
    <div>
        <script type="text/javascript">
            var s_add_h = 'hidden';
            var s_edit_h = 'hidden';
            var s_remove_h = 'hidden';
        </script>
    </div>

    <div shiro:hasPermission="teacher:dimclass:add">
        <script type="text/javascript">
            s_add_h = '';
        </script>
    </div>
    <div shiro:hasPermission="teacher:dimclass:edit">
        <script type="text/javascript">
            s_edit_h = '';
        </script>
    </div>
    <div shiro:hasPermission="teacher:dimclass:remove">
        <script type="text/javascript">
            var s_remove_h = '';
        </script>
    </div>

    <!--DataTables [ OPTIONAL ]-->

    <script src="/js/jquery.spring-friendly.min.js"></script>
    <script src="/plugins/chosen/chosen.jquery.min.js"></script>
    <script src="/js/gridCommon.js"></script>
    <script src="/pagejs/teacher/dimclass/list.js"></script>  <!-- JS 的文件  -->

</div>

</html>
